<!--
 * @Author: MarsLay 331412466@qq.com
 * @Date: 2024-01-15 09:50:16
 * @LastEditors: MarsLay 331412466@qq.com
 * @LastEditTime: 2024-01-15 15:02:50
 * @FilePath: \ticket-center\src\pages\common\toLogin.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="main">
    <div class="sale">
      <div class="title">出售出站票</div>
      <div @click="toOut(0)" class="button">免费出站票(F)</div>
      <div @click="toOut(9)" class="button">付费出站票(P)</div>
    </div>
  </div>
</template>

<script>
export default {
  name: "toF3",
  data() {
    return {}
  },
  computed: {},
  mounted() { },
  methods: {
    toOut(v) {
      this.$router.push({ path: `/outbound?price=${v}` });
    }
  }
}
</script>

<style lang="less" scoped>
.main {
  .flex(row, center) !important;
}

.sale {
  padding: 10px 20px;
  width: 50%;
  height: 50%;
  background-color: #87bbf4;

  .title {
    padding: 10px 30px;
    margin-bottom: 70px;
    font-size: 28px;
    color: #000000;
  }

  .button {
    .flex(row, center);
    margin: 30px auto;
    width: 200px;
    height: 40px;
    font-size: 24px;
    color: #000000;
    background-color: #c0c0c0;
    box-shadow: 2px 2px 2px 0 #000000;
    cursor: pointer;
  }
}
</style>